import styled from "@emotion/styled"

const Container = styled.div`
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    overflow-y: scroll;
    background-color: #ffffff;
    padding-bottom: 16rem;
`

type Props = ExtractStyledProps<typeof Container>

function StepLayout(props: Props) {
    const { children, ...restProps } = props
    return <Container {...restProps}>{children}</Container>
}

export default StepLayout
